<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=480, user-scalable=0" />
    <title>山河图小工具</title>
    <style>
        :root {
            --primary-gray: #353535;
            --major-content-width: 820px;
            font-size: 16px;
        }

        body {
            margin: 0;
            padding: 0;
            font-size: 1rem;
            font-family: Segoe UI, Helvetica, system-ui, -apple-system, Arial, sans-serif;
            color: var(--primary-gray);
            background-color: #fcfcfa;
        }

        main {
            margin: 2em auto;
            max-width: var(--major-content-width);
        }

        h1 {
            font-size: 1.8em;
            text-align: center;
        }

        .second-title {
            margin: 1em auto;
            text-align: center;
            color: #888;
        }


        @media screen and (hover: hover) {
            .top-banner {
                overflow-y: scroll;
            }

            .top-banner::-webkit-scrollbar {
                visibility: hidden;
            }
        }
    </style>
</head>

<body>
    <main>
        <header>
            <h1>山河图小工具</h1>
        </header>
        <nav>
            <ul>
                <li><a href="./s2/index.html">江东雄心</a></li>
                <li><a href="./s3/index.html">山河图·妖</a></li>
                <li><a href="./s4/index.html">风起汉中2</a></li>
            </ul>
        </nav>
    </main>
</body>

</html>